<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>环境与作用域</title>
</head>
<body>
    <button>xiasnn</button>
    <script>
        // js中，全局变量不会被销毁(为了用户再次点击或者开发人员在控制台调试)
        let btn = document.querySelector('button');
        btn.addEventListener('click',() => {
            console.log('大美女');
        });

        let title = 'hahaha';



        // 函数多次调用的时候，会开辟一个新的内存空间，不会相互共享
        function show(){
            let tag = "做自己";
            console.log(tag);
        }
        show();
        show();
        show();



        // 一般情况下，内部作用域可以调用外部变量，但在外部，不能用内部变量
        let a = 'a';
        function test(){
            let b = 'b';
            console.log(a);
            // console.log(c);
            function tt(){
                let c = 'c';
            }
        };
        test();
    </script>
</body>
</html>